// 1. 导入`react-dom/client`
import React from 'react';
import ReactDOM from 'react-dom/client';

// 2 创建渲染的根节点
const root = ReactDOM.createRoot(document.getElementById('root'));

// 使用JSX语法创建标签
const h1 = <h1>Hello React</h1>;
const name = 'Jack';

const list = (
  //   <div>
  //   <> 等价于 <React.Fragment>
  <React.Fragment>
    <h2>购物列表</h2>
    <ul>
      <li>华为</li>
      <li>iPhone</li>
    </ul>
  </React.Fragment>
  //   </>
  //   </div>
);

root.render(list);
